<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="width: ${anwserpicterwith}px;">
<div>
    <h3>复合题:</h3>
    <div style="font-weight: 400;font-size: 14px;color: #2F2F2F;padding-left: 10px;width: ${anwserpicterwith}px;">${itemStem!''}</div>
    <hr/>
    <#if children?? && (children?size > 0) >
        <#list children as item>
            <#if item.itemType == "fill_in_blanks">
                <div style="width: ${anwserpicterwith}px;">${item_index + 1}: ${item.itemStem!''}</div>
                <div style="padding: 10px 0;position: relative;">
                    <div style="display: inline-block;height:100%;width: 30px;position: absolute;">
                        <span style="display: inline-block;font-size: 14px;border-radius: 5px;border:#FF9983 solid 1px;color: #FF9983;width: 28px;height: 28px;text-align: center;line-height: 28px;">答</span>
                    </div>
                    <div style="position: relative;margin-left: 40px;display: inline-block;font-size: 14px;border: 1px solid #DCDFE6;border-radius: 4px;padding: 10px;width: calc(100% - 62px);">
                        <div style="width: ${anwserpicterwith - 80}px;word-break: break-all;">
                            <#if item.children?? && (item.children?size > 0) >
                                <#list item.children as obj>
                                    ${obj_index + 1}:${obj.studentAnswer!''} <br/>
                                </#list>
                            </#if>
                        </div>
                    </div>
                </div>
                <hr/>
            <#elseif item.itemType == "short_answer">
                <div style="width: ${anwserpicterwith}px;">${item_index + 1}: ${item.itemStem!''}</div>
                <div style="padding: 10px 0;position: relative;">
                    <div style="display: inline-block;height:100%;width: 30px;position: absolute;">
                        <span style="display: inline-block;font-size: 14px;border-radius: 5px;border:#FF9983 solid 1px;color: #FF9983;width: 28px;height: 28px;text-align: center;line-height: 28px;">答</span>
                    </div>
                    <div style="position: relative;margin-left: 40px;display: inline-block;font-size: 14px;border: 1px solid #DCDFE6;border-radius: 4px;padding: 10px;width: calc(100% - 62px);">
                        <div style="width: ${anwserpicterwith - 80}px;word-break: break-all;">
                            ${item.studentAnswer!''}
                        </div>
                    </div>
                </div>
                <hr/>
            <#elseif item.itemType == "picture_answer">
                <div style="width: ${anwserpicterwith}px;">${item_index + 1}: ${item.itemStem!''}</div>
                <div style="padding: 10px 0;position: relative;">
                    <div style="display: inline-block;height:100%;width: 30px;position: absolute;">
                        <span style="display: inline-block;font-size: 14px;border-radius: 5px;border:#FF9983 solid 1px;color: #FF9983;width: 28px;height: 28px;text-align: center;line-height: 28px;">答</span>
                    </div>
                    <div style="position: relative;margin-left: 40px;display: inline-block;font-size: 14px;border-radius: 4px;padding: 10px;width: calc(100% - 62px);">
                        <div style="width: ${anwserpicterwith - 80}px;">
                            <#if item.children?? && (item.children?size > 0) >
                                <#list item.children as obj>
                                    ${obj_index + 1}:<img src="${obj.studentAnswer!''}"/> <br/>
                                </#list>
                            <#else>
                                无
                            </#if>
                        </div>
                    </div>
                </div>
                <hr/>
            </#if>
        </#list>
    </#if>
</div>
</body>
</html>
